<template>
	<view class="all">
		<!-- 头部 -->
		<view class="header flex justify-between">
			<view class="headerLeft">
				<image src="../../static/images/logo.png" mode=""></image>
			</view>
			<view class="headerRight flex flex-direction justify-between align-center">
				<image src="../../static/images/my.png" mode=""></image>
				<view class="">我的</view>
			</view>
		</view>
		<!-- 搜索栏 -->
		<u-search class="search" animation="false" placeholder="日照香炉生紫烟" v-model="keyword"></u-search>
<!-- <view class="search cu-bar bg-white search">
  <view class="search-form round">
    <text class="cuIcon-search"></text>
    <input type="text" placeholder="输入搜索的关键词" confirm-type="search"></input>
  </view>
  <view class="action">
 
  </view>
</view> -->
		<!-- 轮播 -->
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="(item,index) in banner">
				<view class="swiper-item">
					<image :src="item" mode=""></image>
				</view>
			</swiper-item>
		</swiper>
		
		<!-- 导航 -->
		<Nav></Nav>
			<view class="title margin-left">精选好艇</view>
				<!-- 主体 -->
				<Pro-item></Pro-item>
		
	</view>
</template>

<script>
	export default {
		onLoad() {
			// uni.request({
			// 	url:"https://gbyah56m.lc-cn-n1-shared.com/1.1/classes/Jobcfy",
			// 	method:"GET",
			// 	header:{
			// 		"X-LC-Id":"gbyah56mXljJBXw53XN4ig9E-gzGzoHsz",
			// 		"X-LC-Key":"7lMv2QoLhI0EUjeCT88LJTJW" ,
			// 		"Content-Type":"application/json",
			// 	},
			// 	success:(res=>{
			// 		console.log(res);
			// 	})
			// })
			this.$u.get('/1.1/classes/Jobcfy').then(res=>{
				console.log(res);
			})
		},
	
		data() {
			return {
				"banner":['../../static/images/banner01.jpeg',
				'../../static/images/banner02.jpeg',
				'../../static/images/banner03.jpeg',
				'../../static/images/banner04.jpeg',
				'../../static/images/banner05.jpeg']
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.all{
	background-color: white;
}
.header .headerLeft{
	width: 75%;
}
.header .headerLeft image{
	height: 120upx;
	
}
.header .headerRight{
	width: 25%;
}
.header .headerRight image{
	height: 50upx;
	width: 50upx;
}
.search{
	width: 650upx;
	    position: fixed;
	    top: 240upx;
	    left: 60upx;
	    z-index: 1000;
	}
swiper{
	height: 400upx;
}

.swiper-item image{
	width: 100%;
	height: 400upx;
		border-radius: 10upx;
}


 .title{
	font-weight: bolder;
	font-size: 36upx;
}

</style>
